<template>
  <div class="app-container">
    <el-tabs style="height: 100%" class="icon-tabs" model-value="customize">
      <el-tab-pane label="内置图标" name="inner">
        <SystemIcon />
      </el-tab-pane>
      <el-tab-pane label="ele图标" name="ele">
        <EleIcon />
      </el-tab-pane>
      <el-tab-pane label="个性化图标" name="customize">
        <CustomizeIcon />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script setup>
import CustomizeIcon from "./customize"
import SystemIcon from "./system"
import EleIcon from "./ele"


// 页面加载时调用获取列表方法
</script>

<style lang="scss" scoped>
.icon-tabs {
  .el-tab-pane {
    height: 100%;
    overflow: scroll;
    overflow-x: hidden;
  }
}
</style>
